<template>
<div>
  <br>
  <el-breadcrumb separator-class="el-icon-arrow-right" style="position:relative;left: 13%;width: 200px">
    <el-breadcrumb-item><b>即刻运动</b></el-breadcrumb-item>
    <!--    :to="{ path: '/home' }"-->
    <el-breadcrumb-item><b>个人中心</b></el-breadcrumb-item>
  </el-breadcrumb>
  <br>
  <el-row>
    <el-col :span="10" :offset="3">
        <el-tabs type="border-card" style="height: 870px;" :stretch="true" >
          <el-tab-pane label="我的课程"><mycourse></mycourse></el-tab-pane>
          <el-tab-pane label="我的视频"><myvideo></myvideo></el-tab-pane>
<!--          <el-tab-pane label="我的帖子"><mypost></mypost></el-tab-pane>-->
<!--          <el-tab-pane label="我的评论"><mycomment></mycomment></el-tab-pane>-->
<!--          <el-tab-pane label="我的收藏">-->
<!--            <el-tabs :stretch="true">-->
<!--            <el-tab-pane label="视频收藏"><videocollection></videocollection></el-tab-pane>-->
<!--            <el-tab-pane label="帖子收藏"><postcollection></postcollection></el-tab-pane>-->
<!--          </el-tabs>-->
<!--          </el-tab-pane>-->
        </el-tabs>
    </el-col>
    <el-col :span="6" :offset="1" >
     <info></info>
    </el-col>
  </el-row>
  <br>
</div>
</template>

<script>
import Mycourse from "./mycourse";
import Info from "./info";
import Myvideo from "./myvideo";
import Mypost from "./mypost";
import Mycomment from "./mycomment";
import Videocollection from "./videocollection";
import Postcollection from "./postcollection";
export default {
  name: "personalcenter",
  components: {Postcollection, Videocollection, Mycomment, Mypost, Myvideo, Info, Mycourse},
}
</script>

<style scoped>

</style>
